<!-- sticky-top / fixed-top -->
<nav class="navbar navbar-expand-lg post-bg-white">
    <div class="container">
        <a href="" class="navbar-brand">
            <img src="https://v5.bootcss.com/docs/5.1/assets/brand/bootstrap-logo.svg" alt="" width="30" height="24" class="d-inline-block align-text-top">
            ColinSpace
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
        <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
            <!-- <ul class="nav">  -->
            <ul class="navbar-nav ">
                <li class="nav-item">
                    <a href="" class="nav-link">Home</a>
                </li>
                <li class="nav-item">
                    <a href="" class="nav-link">Archive</a>
                </li>
                <li class="nav-item">
                    <a href="" class="nav-link">Category</a>
                </li>
                <li class="nav-item">
                    <a href="" class="nav-link">Tag</a>
                </li>
                <li class="nav-item">
                    <a href="" class="nav-link">AboutMe</a>
                </li>

            </ul>
            <!-- <form class="d-flex" role="search">
                <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
                <button class="btn btn-outline-success" type="submit">Search</button>
            </form> -->
        </div>
    </div>
</nav>